import React, { Component } from 'react'

class Bottom extends Component {

    pushRoute(item) {
        console.log(item)
        this.props.history.push('/detail')
    }

    render() { 
        let { item } = this.props
        return (
            <div className='Bottom'>
                <h2>{item.time}</h2>
                <h2>{item.language}</h2>
                <h2>{item.num}</h2>
                <h2 style={{color: 'red'}}>￥{item.price}</h2>
                <h2>余位{item.yupiao}%</h2>
                <button onClick={
                    this.pushRoute.bind(this, item)
                }>选座购票</button>
            </div>
        )
    }
}
 
export default Bottom